<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>FancyUpload Demo by unijimpe</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/Swiff.Uploader.js"></script>
<script type="text/javascript" src="js/Fx.ProgressBar.js"></script>
<script type="text/javascript" src="js/FancyUpload2.js"></script>
<script type="text/javascript">
window.addEvent('load', function() {
	var swiffy = new FancyUpload2(
		$('demo-status'), 
		$('demo-list'), 
		{
			'url': 'upload.php',
			'fieldName': 'archivo',
			'path': 'Swiff.Uploader.swf',
		'onSelect': function(file) {
		
			   if (this.options.limitSize && (file.size > this.options.limitSize)){
	                alert("Maximo archivos que no pasen los 10.00MB") 		   
					swiffy.removeFile();
					return false;
			   }
			   
	   

		}

		}
	);
	$('bt-browse').addEvent('click', function(){
		swiffy.browse();
		return false;
	});
	$('bt-upload').addEvent('click', function(){
		swiffy.upload();
		return false;
	});
});


</script>
</head>
<body  marginheight="0" marginwidth="0" leftmargin="0" topmargin="0" >

<div id="demo-status" class="hide">
	<p>
		<a href="#" id="bt-browse">Buscar archivos</a> |
		<a href="#" id="bt-upload">Subir</a>	
	<div>
		<strong class="overall-title">El progreso global</strong><br />
		<img src="img/bar.gif" class="progress overall-progress" />	</div>
	<div>
		<strong class="current-title">Archivo Progreso</strong><br />
		<img src="img/bar.gif" class="progress current-progress" />	</div>
	<div class="current-text"></div>
    <div class="nombre_archivo"></div>
    <ul id="demo-list">
</ul>	
<input type="hidden" name="fotosubida" id="fotosubida"  />
<input type="hidden"  name="nombre_imgas" id="nombre_imgas"  />
</div>

</body>
</html>
